<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
    <title>{{ title }} · 效能管理平台</title>
    <meta name="description" content="效能管理平台 · 数据、AI报告、设置" />
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" />
    <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
</head>
<body>
<header class="nav">
    <div class="nav-inner">
        <a class="brand" href="{{ url_for('performance') }}" aria-label="回到首页">
            <span class="brand-dot"></span>
            <span class="brand-text">效能管理平台</span>
        </a>
        <nav class="nav-links">
            <a href="{{ url_for('performance') }}" class="nav-link {{ 'active' if request.endpoint == 'performance' else '' }}">效能数据</a>
            <a href="{{ url_for('ai_report') }}" class="nav-link {{ 'active' if request.endpoint == 'ai_report' else '' }}">AI报告</a>
            <a href="{{ url_for('settings') }}" class="nav-link {{ 'active' if request.endpoint == 'settings' else '' }}">设置</a>
            
        </nav>
        <button class="theme-toggle" id="themeToggle" aria-label="切换主题">◐</button>
    </div>
</header>

<main class="page">
    {% block content %}{% endblock %}
</main>

<footer class="footer">
    <div class="footer-inner">
        <span>© {{ 2025 }} 效能管理平台</span>
        <span class="dot">•</span>
        <span>专业 . 高效 . 口碑</span>
    </div>
</footer>

<!-- 在Chart.js之后添加数据标签插件 -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2"></script>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>